<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>{dede:field.title /}-{dede:global.cfg_webname/}</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
<meta content="yes" name="apple-mobile-web-app-capable" />
<meta content="black" name="apple-mobile-web-app-status-bar-style" />
<meta content="telephone=no" name="format-detection" />
<link href="{dede:global.mcfg_basehost/}/m-css/m-index.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="{dede:global.mcfg_basehost/}/m-js/jquery.js"></script>
<script src="https://unpkg.byted-static.com/xgplayer/2.31.6/browser/index.js" charset="utf-8"></script>
<script type="text/javascript" src="{dede:global.cfg_basehost/}/system/gzs.ajax.js"></script>
<script type="text/javascript">
function CheckLogintop(){
var taget_obj = document.getElementById('_userlogin');
myajax = new DedeAjax(taget_obj,false,false,'','','');
myajax.SendGet2("/user/ajax_loginsta.php");
DedeXHTTP = null;
}
</script>
<style type="text/css">
body{background:#fff;}
.wrapper{padding-top:0;}
.jjweixinBtn{position:fixed;right:15px;bottom:150px;width:40px;height:40px;background:#fff url({dede:global.mcfg_basehost/}/m-images/list-fanhui.png) center no-repeat;background-size:25px 25px;border-radius:50%;box-shadow:0px 5px 11px 0px rgba(0,0,0,0.07);opacity:0.7;display:none;}
.yin{display:none !important;}

/*西瓜播放器重写*/
.xgplayer-skin-default{width:100% !important;}
.xgplayer-skin-default .xgplayer-volume .xgplayer-icon .xgplayer-icon-large{display:none !important;}

/*课程目录*/
.scroll-cont{margin-right:10px;padding-left:15px;overflow-y:auto;}
.action-bar-wrap h2{font-size:18px;line-height:24px;color:#333;padding:15px 15px 10px 15px;font-weight:700;}
.scroll-cont .content-list{display:-webkit-flex;display:-ms-flexbox;display:flex;padding-bottom:10px;}
.scroll-cont .content-list li{height:90px;width:164px;border-radius:5px;position:relative;margin-right:10px;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;background:#f8f8f8;border:1px solid #eee;}
.scroll-cont .content-list a{height:90px;width:164px;line-height:22px;padding:20px 15px;word-wrap:break-word;word-break:normal;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content: center;-ms-flex-pack:center;justify-content:center;-webkit-align-items: center;-ms-flex-align:center;align-items:center;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;box-sizing:border-box;}
.scroll-cont .content-list .name{font-size:14px;color:#333;display:-webkit-box;-webkit-line-clamp:3;overflow:hidden;-webkit-box-orient:vertical;}
.scroll-cont .content-list li.on{background:#efebeb;border:1px solid #ff700a;}
.scroll-cont .content-list li.on>a>.name i{position:relative;top:2px;width:15px;height:15px;display:inline-block;margin-right:5px;background:url({dede:global.cfg_basehost/}/images/icon-play-active.gif) no-repeat;}
.scroll-cont .content-list .name .ke-bs-shipin{position:relative;top:2px;width:23px;height:13px;display:inline-block;margin-right:5px;background:url({dede:global.mcfg_basehost/}/m-images/ke-bs-shipin.png) no-repeat;background-size:23px 13px;}
.scroll-cont .content-list .name .ke-bs-yinpin{position:relative;top:2px;width:23px;height:13px;display:inline-block;margin-right:5px;background:url({dede:global.mcfg_basehost/}/m-images/ke-bs-yinpin.png) no-repeat;background-size:23px 13px;}
.scroll-cont .content-list .name .ke-bs-tuwen{position:relative;top:2px;width:23px;height:13px;display:inline-block;margin-right:5px;background:url({dede:global.mcfg_basehost/}/m-images/ke-bs-tuwen.png) no-repeat;background-size:23px 13px;}
.scroll-cont .content-list .name .ke-bs-tuwen{position:relative;top:2px;width:23px;height:13px;display:inline-block;margin-right:5px;background:url({dede:global.mcfg_basehost/}/m-images/ke-bs-tuwen.png) no-repeat;background-size:23px 13px;}
.scroll-cont .content-list .name .ke-bs-wangpan{position:relative;top:2px;width:23px;height:13px;display:inline-block;margin-right:5px;background:url({dede:global.mcfg_basehost/}/m-images/ke-bs-wangpan.png) no-repeat;background-size:23px 13px;}
.scroll-cont .content-list .info span.tuwen{display:none;}
.keshikan{position:absolute;top:0;right:0;line-height:18px;height:18px;padding:0 3px;background:#00b277;border-radius:0 4px 0 4px;font-size:10px;color:#fff;}
.ke-suo{position:absolute;top:0;right:0;line-height:18px;height:18px;padding:0 3px;background:#ff700a;border-radius:0 4px 0 4px;font-size:10px;color:#fff;}
</style>
</head>
<body>

<div class="wrapper">

<!-- 头部 -->
<div class="gzs-ke-top"><a href="{dede:global.mcfg_basehost/}/" class="m-index-logo"></a><div class="gzs-ke-box-login"><a href="{dede:global.mcfg_basehost/}/user/" class="gzs-ke-login">个人中心</a></div></div>
<!-- 头部 End -->
<style type="text/css">
.gzs-ke-top{position:relative;background-color:#fff;height:50px;line-height:50px;overflow:hidden;padding:0 15px;}
.m-index-logo{float:left;width:80px;height:40px;background:url({dede:global.mcfg_basehost/}/m-images/logo.png) no-repeat;background-size:80px 40px;margin-top:5px;}
.gzs-ke-login{font-size:14px;margin-left:15px;}
.gzs-ke-box-login{float:right;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-flex-direction:row;flex-direction:row;}
</style>


<!-- 视频内容 -->
<div class="player-con-box">
<div id="mse"></div>
<script>
let player = new Player({
"id": "mse",
"url": "{dede:field.le_vod2 /}",
"playsinline": true,
"whitelist": [""],
"fluid": false,
"width": 640,
"height": 200,
"poster": "{dede:type row=1}[field:global.cfg_basehost/][field:bigpic/]{/dede:type}",
"volume": 1
});
</script>
<h2 style="line-height:24px;font-size:18px;color:#333;padding:15px 15px 10px;font-weight:700;">{dede:field.typename/}</h2>
<div class="yxw-ke-liulan" style="padding:0 15px 20px;font-size:14px;color:#999;height:20px;line-height:20px;"><img src="{dede:global.mcfg_basehost/}/m-images/yxw-ke-bf.png" style="position:relative;top:2px;display:inline-block;width:15px;height:15px;margin-right:5px;"><script src="{dede:global.mcfg_basehost/}/apps/count.php?view=yes&aid={dede:field name='id'/}&mid={dede:field name='mid'/}" type="text/javascript"></script>次观看</div>
</div>
<!-- 视频内容 End -->
<div class="yxw-ke-geli" style="height:5px;background:#eee;overflow:hidden;"></div>



<!-- 课程目录 -->
<div class="action-bar-wrap">
<h2>选集<span style="color:#666;font-size:13px;padding-left:5px;float:right;font-weight:400;">共{dede:type}[field:id function='jjKeCount(@me)'/]{/dede:type}集全</span></h2>
<div class="scroll-cont">
<ul class="content-list">
{dede:arclist row='200' titlelen='80' orderby='id' orderway='asc'}
<li class="jjdd[field:id/]">
<a href="[field:global.mcfg_basehost/][field:arcurl/]" title="[field:title/]" class="needBuy_kelist" rank="[field:arcrank/]">
<div class="name"><i class="ke-bs-[field:source/]"></i>[field:global.autoindex/].[field:title/]</div>
<div class="info"><span class="yxw-kc-s needBuy yin"><em class="ke-suo">付费</em></span></div>
</a>
</li>
{/dede:arclist}
</ul>
</div>
</div> 
<!-- 课程目录 End -->


</div>
<!-- wrapper End -->

<script type="text/javascript">
$(document).ready(function () {
$.post("{dede:global.mcfg_basehost/}/user/jjajax.php",{a:"GetRank",tid:"{dede:field.typeid/}"},function(result){
if(result == 'ok'){
}else{
$(".list-kc-goumai").removeClass("yin");
$(".needBuy").removeClass("yin");
$(".needBuy_kelist").each(function(index, element) {
if($(element).attr("rank") == '0' ){
$(element).find(".needBuy").removeClass("yxw-kc-s");
$(element).find(".needBuy").html('<em class="keshikan">免费</em>');
}
});
}
});
$('.pop-close2').click(function () {
$('.bgPop2,.pop2').hide();
});
$('.click_pop2').click(function () {
$('.bgPop2,.pop2').show();
});
})
</script>

<script type="text/javascript">
$(".jjdd{dede:field name='id'/}").addClass("on");
var myyuans = $(".jjdd{dede:field name='id'/}");
var jjLeft = parseInt($(".jjdd{dede:field name='id'/}").offset().left) -15;;
$(".scroll-cont").scrollLeft(jjLeft);
</script>

{dede:include filename="footer-ke.htm"/}
{dede:include filename="wz-tongji.htm"/}

<script type="text/javascript">
document.oncontextmenu=new Function("event.returnValue=false"); 
document.onselectstart=new Function("event.returnValue=false"); 
</script>

</body>
</html>